<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">
<head>
    <title>三维地球</title>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <!-- 移动设备 viewport -->
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport">
    <meta content="火星科技 http://cesium.marsgis.cn " name="author">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta content="webkit" name="renderer">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <link href="img/favicon/favicon.png" rel="icon" type="image/png">
    <meta content="yes" name="mobile-web-app-capable">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <link href="img/favicon/apple-touch-icon.png" rel="icon" sizes="192x192">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="火星科技 MarsGIS" name="apple-mobile-web-app-title">
    <!-- Win8标题栏及ICON图标 -->
    <link href="img/favicon/apple-touch-icon.png" rel="apple-touch-icon-precomposed">
    <meta content="img/favicon/app-icon72x72@2x.png" name="msapplication-TileImage">
    <meta content="#62a8ea" name="msapplication-TileColor">




    <!--第三方lib-->
    <script include="jquery,bootstrap,bootstrap-checkbox,font-awesome,web-icons,layer,haoutil,nprogress,toastr,admui,turf,bootstrap-table,mars3d" libpath="lib/" src="lib/include-lib.js?time=20190418"
            type="text/javascript"></script>
    <link href="css/style.css?time=20190418" rel="stylesheet" />
<!--    <script src="./component/layui/layui.js"></script>
    <link href="./component/layui/css/layui.css" rel="stylesheet" />
    <link href="./admin/css/pearCommon.css" rel="stylesheet" />-->
    <link rel="stylesheet" href="./lib/city-picker/city-picker.css">
    <script src="./lib/city-picker/city-picker.data.js"></script>
    <script src="./lib/city-picker/city-picker.js"></script>

    <link href="./css/style.css" rel="stylesheet" />
    <style>
        .city-picker-span {
            display: block;
            margin: 0 auto;
        }

        .form-control {
            max-width: 80%;
        }
    </style>
</head>
<body class="dark">
<!--    <div class='loadingOverlay' id="loadOverlay">
        <ul class="ins" id="loadbar">
            <li><div class="ball" id="loadinglayer1"></div><div class="pulse" id="loadinglayer7"></div></li>
            <li><div class="ball" id="loadinglayer2"></div><div class="pulse" id="loadinglayer8"></div></li>
            <li><div class="ball" id="loadinglayer3"></div><div class="pulse" id="loadinglayer9"></div></li>
            <li><div class="ball" id="loadinglayer4"></div><div class="pulse" id="loadinglayer10"></div></li>
            <li><div class="ball" id="loadinglayer5"></div><div class="pulse" id="loadinglayer11"></div></li>
        </ul>
    </div>-->
<!--    <div class="signmask" id="mask" ></div>-->


<div id="centerDiv">
    <div class="cesium-container" id="cesiumContainer"></div>
</div>
<div class="infoview" id="queryInfoview" >

    <div>
        <div style="display: none">
            <span>范围：</span>
            <div class="radio radio-info radio-inline">
                <input type="radio" id="queryContent1" name="queryContent" value="1" checked>
                <label for="queryContent1">指定城市</label>
            </div>
            <div class="radio radio-info radio-inline">
                <input type="radio" id="queryContent2" name="queryContent" value="2">
                <label for="queryContent2">当前视域附近</label>
            </div>
            <div class="radio radio-info radio-inline">
                <input type="radio" id="queryContent3" name="queryContent" value="3">
                <label for="queryContent3">指定范围</label>
            </div>
        </div>
        <div style="display: none;position: relative;margin-top: 10px" class="queryByCity">
            <input id="txtCity" readonly type="text" placeholder="请选择城市" style="width: 100%;">
        </div>
        <div style="display: none" class="queryByDraw" style="display: none;margin-top: 10px;text-align: center">
            <input type="button" class="btn btn-primary" value="框选范围" id="drawRectangle" />
            <input type="button" class="btn btn-primary" value="圆形范围" id="drawCircle" />
            <input type="button" class="btn btn-primary" value="多边形范围" id="drawPolygon" />
        </div>
        <div style="margin-top: 10px;"><span>名称：</span><input id="queryText" type="text" placeholder="请输入查询关键字"
                                                              value="" class="form-control "></div>
    </div>

    <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
        <input type="button" class="btn btn-primary" value="查询" id="query" />
        <input type="button" class="btn btn-primary" value="清除" id="clearDraw" />
    </div>

    <div id="resultView" style="max-width:500px;display: none">
        <table id="table"></table>
        <div>
            <input type="button" class="btn btn-primary" value="加载更多" id="loadMore" />
            <div style="float: right;">
                大约&nbsp;&nbsp;<span style="color: red;" id="allcount">0</span>&nbsp;&nbsp;条数据，
                已加载&nbsp;&nbsp;<span style="color: red;" id="count">0</span>&nbsp;&nbsp;条数据，
            </div>
        </div>
    </div>

</div>

<script src="./lib/cesiumjs/plugins/class/GaodePOI.js"></script>

<!--业务代码-->
<script src="js/ex/featureViewer.js"></script>
<script src="js/sceneManage.js?time=20190418"></script>
</body>
</html>
